{% extends "base.html" %}
{% load i18n %}
{% block head-css-ext %}
    <link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}css/jquery-ui.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}css/forms.css" media="screen" />
    <!--[if IE]><link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}css/ie.css" /><![endif]-->
    <link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}css/layout.css" />
{% endblock %}

{% block head-js-ext %}
    <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.js"></script>
    <script type="text/javascript" src="{{MEDIA_URL}}js/jquery-ui.js"></script>
{% endblock %}

{% block head-js-embedded %}
    <script type="text/javascript" charset="utf-8">
        $(document).ready(function(){
            $("input:submit", ".enviar").button();
        });
    </script>
{% endblock %}

{% block content-box1 %}
    {% if user.is_authenticated %}
        <h2>Bienvenido {{ user.first_name }} {{ user.last_name }} </h2>
    {% else %}
        <h2>Bienvenido a Tu Negocio Empresarios</h2>
        <p><img src="{{MEDIA_URL}}img/images/image06.jpg" alt="" width="120" height="120" class="image-left" />Bienvenido al sitio donde podras tener un control de tus clientes, inventario, ventas, pagos, empresarios de tu grupo de apoyo para que tengas tu negocio de una forma organizada de forma simple. Dentro de lo que podras hacer esta lo siguiente:
        <br><br>
        <ul>
            <li>Podras Administrar tus clientes, reportar los pagos y hacerles el seguimiento sobre los productos que te ha comprado.</li>
            <li>Podras Administrar tu Inventario de productos y ver un registro de todos los movimientos que has tenido para tener un control completo de los productos.</li>
            <li>Podras LLevar un registro de los porductos que has prestado o te han prestado los empresarios de tu grupo de apoyo o de tu equipo de trabajo.</li>										
        </ul>										
        <p>Registrate para que empieces a utilizar una herramienta que te facilitara la administracion de uno de los pilares de tu negocio.										
    {% endif %}
{% endblock %} 
  
{% block content-colum2 %}
    {% if user.is_authenticated %}
        <ul>
            <li><a href="{% url clientes %}">Clientes</a></li>            
            <li><a href="{% url inventario %}">Inventario</a></li>
            <li><a href="{% url empresarios %}">Empresarios</a></li>
            <li><a href="{% url flujo_caja %}">Flujo de Caja</a></li>
        </ul>
    {% else %}
        <form method="post" action=".">{% csrf_token %}
            {% if form.non_field_errors %}
                <div class="error">{{ form.non_field_errors|join:", " }}</div>
                <br><br>
            {% endif %}
            <table>
                <tr>       
                    <td><label for="id_username">Usuario:</label>{% if form.username.errors %}<div class="error">{{ form.username.errors|join:", " }}</div>{% endif %}</td>
                    <td>{{ form.username }}</td>
                </tr>
                <tr>        
                    <td><label for="id_password">Password:</label>{% if form.password.errors %}<div class="error">{{ form.password.errors|join:", " }}</div>{% endif %}</td>
                    <td>{{ form.password }}</td>
                </tr>
            </table>
            <br />
            <div align="center" class="enviar">
                <input type="submit" value="{% trans 'Log in' %}" />
            </div>
            <input type="hidden" name="next" value="{{ next }}" />
        </form>
        <table>
            <tr>
                <td><a href="{% url registration_register %}">Registarse</a></td>
            </tr>
            <br>
            <tr>
                <td><a href="{% url auth_password_reset %}">Recuperar Password</a></td>
            </tr>
        </table>
        <br> 
        <ul>
            <li><a href="http://www.latinamway.com" target="_blank">Amway Latinoamerica</a></li>            
            <li><a href="https://www.amway.com.co/" target="_blank">Amway Colombia</a></li>
        </ul>    
    {% endif %}
{% endblock %}

